<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta itemprop="name" content="晶钻工业科技-宁波晶钻工业科技有限公司">
    <meta name="keywords" content="晶钻工业科技、宁波晶钻工业科技有限公司、宁波晶钻">
    <meta name="description" itemprop="description" content="宁波晶钻工业科技有限公司坐落于美丽的东海之滨-宁波市，公司拥有多名跨行业外籍及海归研究员、教授、博士，与中国科学院宁波材料所共建技术研发中心，并同日本、美国多家跨国公司、大学、研究所建立长期战略联盟..." >
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>晶钻工业科技-宁波晶钻工业科技有限公司</title>
    <link rel="shortcut icon" href="logo.ico"/> 
    <link rel="stylesheet" href="__PUBLIC__/css/index.css"/>
</head>
<body>
  
  <!-- 网站首页头部 start -->
  <include file="Public:header" />
  <!-- 网站首页头部 end -->

  <!-- 网站首页主体 start -->
  <main class="site-content">
    <!-- 全屏轮播部分 start -->
    <section id="site_main_ad" class="site-content-carousel site-slide">
      <!-- 轮播图片列表 start -->
      <div class="site-carousel-inner" role="listbox">
        <div class="item" data-image-lg="__PUBLIC__/img/index/carousel/slide01_b01.jpg" data-image-xs="__PUBLIC__/img/index/carousel/slide01_m.png"
          data-slide-to="0"></div>
        <div class="item" data-image-lg="__PUBLIC__/img/index/carousel/slide01_b02.jpg" data-image-xs="__PUBLIC__/img/index/carousel/slide02_m.png"
          data-slide-to="1"></div>
        <div class="item" data-image-lg="__PUBLIC__/img/index/carousel/slide01_b03.jpg" data-image-xs="__PUBLIC__/img/index/carousel/slide03_m.png"
          data-slide-to="2"></div>
      </div>
      <!-- 轮播图片列表 end -->
      <!-- 轮播图的标语 start -->
      <div class="site-carousel-slogan">
        <h2>select your diamond</h2>
        <p>The passion of Cupid’s Arrow,whit rings that bind each other’s hearts</p>
        <a href="#">Enter the topic</a>
      </div>
      <!-- 轮播图的标语 end -->      
      <!-- 轮播图张数的小圆点 start-->
      <ol class="site-carousel-indicators">
        <li data-target="#site_main_ad" data-slide-to="0" class="active"></li>
        <li data-target="#site_main_ad" data-slide-to="1"></li>
        <li data-target="#site_main_ad" data-slide-to="2"></li>
      </ol>
      <!-- 轮播图张数的小圆点 end-->
      <!-- 上一张下一张控制按钮 start-->
      <a class="carousel-control carousel-control-pre" role="button" data-slide="prev">
        <span class="glyphicon"></span>
      </a>
      <a class="carousel-control carousel-control-next" role="button" data-slide="next">
        <span class="glyphicon"></span>
      </a>
      <!-- 上一张下一张控制按钮 end-->
    </section>
    <!-- 全屏轮播部分 end -->
    <section class="site-middle-content">
      <!-- 热销产品部分 start -->
      <section class="site-hot-goods wrapper">
        <div class="hot-goods-list">
          <!-- 左边的产品 start -->
          <div class="hot-goods-one">
            <img src="__PUBLIC__/img/index/hotgoods/hot_goods1.png" alt="热销产品图1">
            <div class="hot-goods-one-txt">
              <h2>Floral Pattern</h2>
              <p>Never go out of fashion</p>
              <a href="#">SHOP NOW</a>
            </div>
          </div>
          <!-- 左边的产品 end -->
          <!-- 右边的产品 start -->        
          <div class="hot-goods-two">
            <div class="hot-goods-top">
              <a href="#">
                <img src="__PUBLIC__/img/index/hotgoods/hot_goods2.png" alt="热销产品2">
                <div class="hot-goods-two-txt1">
                  <img src="__PUBLIC__/img/index/hotgoods/hot_goods2_txt.png" alt="产品文字说明">
                </div>
              </a>
            </div>
            <div class="hot-goods-bottom">
              <img src="__PUBLIC__/img/index/hotgoods/hot_goods3.png" alt="热销产品3">
              <div class="hot-goods-two-txt2">
                <h2><em>10</em>Diamond</h2>
                <p>every woman should have</p>
                <a href="#">View Now</a>
              </div>
            </div>
          </div>
          <!-- 右边的产品 end -->        
        </div>
      </section>
      <!-- 热销产品部分 end -->
      <!-- 裸钻产品部分 start -->
      <section class="site-diamonds-goods common-diamonds wrapper">
        <!-- 头部标题 -->
        <header class="diamonds-header">
          <h2 class="diamonds-title">New Arrivals</h2>
          <div class="diamonds-nav">
            <i class="icon-pre" id="com_pre_btn"></i>
            <span>See All</span>
            <i class="icon-next" id="com_next_btn"></i>
          </div>
        </header>
        <!-- 裸钻内容部分 -->
        <div class="diamonds-content">
          <ul class="diamonds-list" id="common_diamonds_list">
            <for start="1" end="38">
              <li class="diamonds-item">
                <a href="#">
                  <div class="diamonds-img">
                    <img src="__PUBLIC__/img/index/commondiamond/{$i}.png" alt="裸钻图片1">
                  </div>
                  <div class="diamonds-info">
                    <h3 class="diamonds-name">Emerald</h3>
                    <p class="diamonds-score">introduction of product</p>
                    <span class="diamonds-price">$4889.90</span>
                  </div>
                </a>
              </li>
            </for>
          </ul>
        </div>
      </section>
      <!-- 裸钻产品部分 end -->

      <!-- 彩钻产品部分 start -->
      <section class="site-diamonds-goods color-diamonds wrapper">
        <header class="diamonds-header">
          <h2 class="diamonds-title">Trending</h2>
          <div class="diamonds-nav">
            <i class="icon-pre" id="col_pre_btn"></i>
            <span>See All</span>
            <i class="icon-next" id="col_next_btn"></i>
          </div>
        </header>
        <div class="diamonds-content">
          <ul class="diamonds-list" id="color_diamonds_list">
            <!-- tp 的for标签循环li -->
            <for start="1" end="10">
              <li class="diamonds-item">
                <a href="#">
                  <div class="diamonds-img">
                    <img src="__PUBLIC__/img/index/colordiamond/{$i}.png" alt="彩钻图片1">
                  </div>
                  <div class="diamonds-info">
                    <h3 class="diamonds-name">Emerald</h3>
                    <p class="diamonds-score">introduction of product</p>
                    <span class="diamonds-price">$4889.90</span>
                  </div>
                </a>
              </li>
            </for>
          </ul>
        </div>
      </section>
      <!-- 彩钻产品部分 end -->
    </section>
    <!-- 背景广告部分 start -->
    <section class="site-banner">
      <div class="site-banner-box">
        <a href="#">
          <div class="wrapper">
            <p>Treat yourself with 20% off your Cogito orders!</p>
            <p>Enter “TREATME” At The Checkout!</p>
          </div>
        </a>
      </div>
    </section>
    <!-- 背景广告部分 end -->
    
    <!-- 总产品系列部分 start  -->
    <section class="site-all-goods wrapper">
      <header class="all-goods-header">
        <h2>#Crysdiam</h2>
        <p>Tag your for a chance to be featured our instagram</p>
      </header>
      <ul class="all-goods-list">
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/round.png" alt="圆形钻石">
            <h3 class="goods-name">圆形</h3>
            <span class="goods-en">round</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/oval.png" alt="椭圆钻石">
            <h3 class="goods-name">椭圆</h3>
            <span class="goods-en">oval</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/round.png" alt="水滴形钻石">
            <h3 class="goods-name">水滴形</h3>
            <span class="goods-en">pear</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/marquise.png" alt="马眼形钻石">
            <h3 class="goods-name">马眼形</h3>
            <span class="goods-en">marquise</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/heart.png" alt="心形钻石">
            <h3 class="goods-name">心形</h3>
            <span class="goods-en">heart</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/radiant.png" alt="辐射形钻石">
            <h3 class="goods-name">辐射形</h3>
            <span class="goods-en">radiant</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/princess.png" alt="圆形钻石">
            <h3 class="goods-name">公主形</h3>
            <span class="goods-en">princess</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/emerald.png" alt="祖母绿钻石">
            <h3 class="goods-name">祖母绿</h3>
            <span class="goods-en">emerald</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/rectangle.png" alt="长方形钻石">
            <h3 class="goods-name">长方形</h3>
            <span class="goods-en">rectangle</span>
          </a>
        </li>
        <li class="all-goods-item">
          <a href="#">
            <img class="goods-img" src="__PUBLIC__/img/index/allgoods/triangle.png" alt="三角形钻石">
            <h3 class="goods-name">三角形</h3>
            <span class="goods-en">triangle</span>
          </a>
        </li>
      </ul>
    </section>
    <!-- 总产品系列部分 end  -->  
    
    <!-- 联系我们 start -->
    <section class="site-contactus">
      <div class="contactus-content">
        <i class="icon-send"></i>
        <h3>Suvscribe Crysdiam Newsletter</h3>
        <form action="#">
          <div class="contactus-input-box">
            <input type="e-mail" name="email" id="email" placeholder="Your email...">
            <button>SEND</button>
          </div>
        </form>
      </div>
    </section>
    <!-- 联系我们 end -->    
    
  </main>
  <!-- 网站首页主体 end -->

  <!-- 网站首页底部 start -->
  <!-- 引入公用底部文件 -->
  <include file="Public:footer"/>
  <!-- 网站首页底部 end -->

  <!-- 引入相关的js文件 start -->
  <!-- 条件注释：如果IE浏览器的版本小于9则引入该文件以支持html5的新标签 -->
  <!--[if lt IE 9]>
  <script src="__PUBLIC__/js/html5shiv.js"></script>
  <![endif]-->
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <script src="__PUBLIC__/js/common.js"></script>
  <script src="__PUBLIC__/js/index.js"></script>
  <!-- 引入相关的js文件 end -->
</body>
</html>